<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="/common/layui/css/layui.css"/>
    <link rel="stylesheet" href="/css/global.css"/>
</head>
<body>
<div class="layui-fluid">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md12">
            <div class="layui-card">
                <div class="layui-card-header">设置我的资料</div>
                <div class="layui-card-body">
                    <form class="layui-form" name="profileForm" action="">
                        <div class="layui-form-item">
                            <label class="layui-form-label">姓名</label>
                            <div class="layui-input-inline">
                                <input type="hidden" name="id" class="layui-input id">
                                <input type="text" name="name" required lay-verify="required" placeholder="请输入姓名"
                                       autocomplete="off"
                                       class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">年龄</label>
                            <div class="layui-input-inline">
                                <input type="text" name="age" placeholder="请输入年龄" autocomplete="off"
                                       class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">性别</label>
                            <div class="layui-input-inline" style="width: 200px !important;">
                                <input type="radio" name="sex" value="male" title="男">
                                <input type="radio" name="sex" value="female" title="女">
                                <input type="radio" name="sex" value="secrecy" title="保密">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">手机</label>
                            <div class="layui-input-inline">
                                <input type="text" name="phone" required lay-verify="required|phone"
                                       placeholder="请输入手机号" autocomplete="off"
                                       class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">住址</label>
                            <div class="layui-input-inline">
                                <input type="text" name="address" placeholder="请输入住址" autocomplete="off"
                                       class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">头像</label>
                            <div class=" layui-input-block layui-upload">
                                <button type="button" class="layui-btn" id="upload_btn">上传图片</button>
                                <div class="layui-upload-list">
                                    <img class="layui-upload-img" id="showImg">
                                    <p id="backText"></p>
                                </div>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <div class="layui-input-block">
                                <button class="layui-btn" lay-submit lay-filter="formSubmit">立即提交</button>
                                <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="../../common/layui/layui.js"></script>
<script src="../../js/global.js"></script>
<script src="../../js/myProfile.js"></script>
</body>
</html>